<script setup lang="ts">
  import UserFieldTag from '@/components/profile/UserFieldTag.vue';
  const props = withDefaults(defineProps<{ fieldName?: string; fieldContent?: string }>(), {
    fieldName: '',
    fieldContent: '',
  });
</script>

<template>
  <div v-bind="$attrs">
    <UserFieldTag class="min-w-[90px] sm:min-w-[100px]">{{ fieldName }}</UserFieldTag>
    <span class="text-sm lg:text-lg">{{ fieldContent }}</span>
  </div>
</template>

<style lang="scss"></style>
